<template>
	<view class="page">
		<view class="header">
			<text class="title">发布</text>
		</view>
		<view class="content">
			<text class="desc">这里是发布页面</text>
			<view class="publish-area">
				<text class="publish-text">点击发布新内容</text>
			</view>
		</view>
		<!-- 自定义底部导航 -->
		<bottom-nav />
	</view>
</template>

<script>
import BottomNav from '../home/components/BottomNav.vue';

export default {
	components: {
		BottomNav
	},
	data() {
		return {
			
		}
	},
	onLoad() {

	},
	methods: {

	}
}
</script>

<style scoped>
.page {
	padding: 20px;
	padding-bottom: 90px;
	min-height: 100vh;
	background: #f5f5f5;
}

.header {
	text-align: center;
	margin-bottom: 20px;
}

.title {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

.content {
	text-align: center;
	margin-top: 50px;
}

.desc {
	font-size: 16px;
	color: #666;
	margin-bottom: 30px;
}

.publish-area {
	background: linear-gradient(135deg, #4ECDC4 0%, #44A08D 100%);
	padding: 20px;
	border-radius: 10px;
	margin: 20px;
}

.publish-text {
	color: white;
	font-size: 18px;
	font-weight: bold;
}
</style>
